<template>
    <div>
      <nav-top title="德胜棋牌房卡系统"></nav-top>
      <header>
        <div class="headerTop clearfix">
          <div class="headerTopImg fl">
            <img src="" class="photo" alt="">
          </div>

          <div class="headerToptext fl">
            <p class="headerToptextLeft clearfix">
              <span class="captainName"></span>
              <span class="captain"></span>
            </p>
            <p class="headerToptextRight clearfix">
              <span class="roomCard">房卡:<b>0</b></span>
              <span class="glod">金币:<b>0</b></span>
            </p>
          </div>
        </div>
        <ul class="headerBottom clearfix">
          <li class="fl">
            <span class="todaySell">0</span>
            <span>今日售卡</span>
          </li>
          <li class="fl">

            <span class="clubConsume">0</span>
            <span>俱乐部消耗</span>


          </li>
          <li class="fl">
            <span class="clubTotal">0</span>
            <span>俱乐部总数</span>
          </li>
          <li class="fl">
            <span class="memberTotal">0</span>
            <span>代理商总数</span>
          </li>
        </ul>
      </header>
      <ul class="main">
        <li><a href="totalRoomCardSearch.html"><span>房卡</span><em></em></a></li>
        <li><a href="totalAdmin.html"><span>代理商管理</span><em></em></a></li>
        <li><a href="totaluserInfo.html"><span>个人信息</span><em></em></a></li>
        <li><a href="javascript:;"><span style="color: #9B9B9B">数据统计</span><em></em></a></li>
        <li><a href="about.html?grade=1"><span>关于</span><em></em></a></li>
        <li onclick="clearLogin()"><span>退出</span></li>
      </ul>
    </div>
</template>

<script>
  export default {
    name: '',
    data () {
      return {}
    },
    mounted: function () {

    },
    computed: {},
    filters: {},
    methods: {}
  }
</script>
<style lang="less" scoped>
  .headerTop {
    background-color: #fff;
    border-bottom: 1px solid #E8E8E8;
    height: 1.78rem;
    padding: 0.2rem 0 0 0.22rem;
  }
  .headerTop .headerTopImg {
    width: 1.62rem;
    height: 1.62rem;
  }
  .headerTop .headerTopImg img {
    width: 1.62rem;
    height: 1.62rem;
  }
  .headerTop .headerToptext span {
    display: block;
    float: left;
    padding-left: 0.2rem;
  }
  .headerTop .headerToptext .headerToptextLeft {
    line-height: 0.82rem;
    height: 0.82rem;
  }
  .headerTop .headerToptext .headerToptextLeft .captainName {
    width: 2.34rem;
    font-size: 0.38rem;
    font-weight: bold;
  }
  .headerTop .headerToptext .headerToptextLeft .captain {
    color: #8D8B8B ;
  }
  .headerTop .headerToptext .headerToptextRight {
    line-height: 0.8rem;
    font-size: 0.38rem;
    color: #FF9A79;
  }
  .headerTop .headerToptext .headerToptextRight .roomCard {
    width: 2.34rem;
  }
  .headerBottom {
    background-color: #fff;
    margin-top: 0.3rem;
    border-top: 0.02rem solid #E8E8E8;
  }
  .headerBottom li:nth-of-type(1),
  .headerBottom li:nth-of-type(3) {
    border-right: 1px solid #E8E8E8;
  }
  .headerBottom li {
    border-bottom: 0.02rem solid #E8E8E8;
    line-height: 0.6rem;
    height: 1.2rem;
    text-align: center;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .headerBottom li span {
    display: block;
  }
  .headerBottom li span:first-child {
    line-height: 0.66rem;
    color: #FF9B79;
    font-size: 0.38rem;
  }
  .headerBottom li span:last-child {
    font-weight: bold;
    line-height: 0.46rem;
  }
  .main {
    font-weight: bold;
    margin-top: 0.3rem;
    border-top: 0.02rem solid #E8E8E8;
    background-color: #fff;
  }
  .main li {
    height: 1rem;
    line-height: 1rem;
    padding-left: 0.22rem;
    border-bottom: 0.02rem solid #E8E8E8;
    position: relative;
  }
  .main li em {
    height: 0.52rem;
    width: 0.32rem;
    position: absolute;
    top: 0.22rem;
    right: 0.22rem;
    background: url("../assets/img/leftrow.png") no-repeat;
    background-size: 100%;
  }

</style>
